home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / expanding-textbox.izs < prev    next >
Text File  |  2005-09-28  |  3KB  |  112 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Expanding Textbox
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Automatically expands the size of a textbox to fit all of the entered text. Internet Explorer Only.<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13.  
  14. <!-- HOW TO INSTALL EXPANDING TEXTBOX:
  15.  
  16.   1.  Copy code into the HEAD section of document
  17.   2.  Put last coding into the BODY section of document  -->
  18.  
  19. <!-- STEP ONE: Add code into HEAD section of document  -->
  20.  
  21. <HEAD>
  22.  
  23. <SCRIPT LANGUAGE="JavaScript">
  24. <!-- Original:  Robert Khatchadourian (sonic890@hotmail.com) -->
  25.  
  26.  
  27.  
  28. <!-- Begin
  29. function call_me(max_length) {
  30. if((document.form1.mybox.value == null ) || (document.form1.mybox.value == "" )) document.form1.mybox.size = size;
  31. if((document.form1.mybox.value.length >= size)&&(document.form1.mybox.value.length <= max_length)) document.form1.mybox.size = document.form1.mybox.value.length + 1;
  32. else document.form1.mybox.size = size;
  33. }
  34. //  End -->
  35. </script>
  36.  
  37. </HEAD>
  38.  
  39. <!-- STEP TWO: Add code into BODY section of document  -->
  40.  
  41. <BODY>
  42.  
  43. <form name="form1">
  44. LastName: <input type="text" style="font-family: Terminal" name="mybox" maxlength="30" size="10" onFocus="setInterval('call_me(document.form1.mybox.maxLength)', 1)">
  45. <!--/style needs to be a font that has a fixed size attribute like TERMINAL/-->
  46. </form>
  47.  
  48. <SCRIPT LANGUAGE="JavaScript">
  49. <!-- Original:  Robert Khatchadourian (sonic890@hotmail.com) -->
  50.  
  51.  
  52. <!-- Begin
  53. var size = document.form1.mybox.size; //Global Variable keeps original size
  54. //  End -->
  55. </script>
  56.  
  57.  
  58. <!-- END OF SCRIPT -->
  59. <!/SCRIPT>
  60.  
  61. <!PREVIEW>
  62. <!-- START OF SCRIPT -->
  63.  
  64.  
  65. <!-- HOW TO INSTALL EXPANDING TEXTBOX:
  66.  
  67.   1.  Copy code into the HEAD section of document
  68.   2.  Put last coding into the BODY section of document  -->
  69.  
  70. <!-- STEP ONE: Add code into HEAD section of document  -->
  71.  
  72. <HEAD>
  73.  
  74. <SCRIPT LANGUAGE="JavaScript">
  75. <!-- Original:  Robert Khatchadourian (sonic890@hotmail.com) -->
  76.  
  77.  
  78.  
  79. <!-- Begin
  80. function call_me(max_length) {
  81. if((document.form1.mybox.value == null ) || (document.form1.mybox.value == "" )) document.form1.mybox.size = size;
  82. if((document.form1.mybox.value.length >= size)&&(document.form1.mybox.value.length <= max_length)) document.form1.mybox.size = document.form1.mybox.value.length + 1;
  83. else document.form1.mybox.size = size;
  84. }
  85. //  End -->
  86. </script>
  87.  
  88. </HEAD>
  89.  
  90. <!-- STEP TWO: Add code into BODY section of document  -->
  91.  
  92. <BODY>
  93.  
  94. <form name="form1">
  95. LastName: <input type="text" style="font-family: Terminal" name="mybox" maxlength="30" size="10" onFocus="setInterval('call_me(document.form1.mybox.maxLength)', 1)">
  96. <!--/style needs to be a font that has a fixed size attribute like TERMINAL/-->
  97. </form>
  98.  
  99. <SCRIPT LANGUAGE="JavaScript">
  100. <!-- Original:  Robert Khatchadourian (sonic890@hotmail.com) -->
  101.  
  102.  
  103. <!-- Begin
  104. var size = document.form1.mybox.size; //Global Variable keeps original size
  105. //  End -->
  106. </script>
  107.  
  108. <!-- END OF SCRIPT -->
  109. <!/PREVIEW>
  110.  
  111. <!RELATED>NONE<!/RELATED>
  112.